<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<!-- 	3.新制作一个注册页面，要求
		      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		      3.3 每个需要提交的标签都要有name值
		      3.4 按照name的方式查找各个元素
		      3.5 按照标签的方式查找各个元素 -->
	</head>
	<body>
		用户名：<input type="text" name="name" id='name' size="9"/><br>
		密&nbsp;&nbsp;&nbsp;码：<input type="password" name="pwd" id='pwd' size="9" /><br/>
		性别：<input type="radio" name="sex" value='男'/>男&nbsp;<input type="radio" name="sex" value='女'/>女<br/>
		学院：<select name="xueyuan" id='xueyuan'>
			<option>软件工程学院</option>
			<option>照顾小孩学院</option>
			<option>拿针拿刀学院</option>
		</select><br/>
		爱好：<input type="checkbox" name="ai" value='看电视'/>看电视 &nbsp;<input type="checkbox" name="ai" value='敲代码'/>敲代码 &nbsp;<input type="checkbox" name="ai" value='玩游戏'/>玩游戏<br/>
		自我介绍：<textarea name="jieshao" id="jieshao" rows="5" cols="6"></textarea><br/>
		<input type="button" name="ti" id="ti" value="提交" onclick="tijiao();cha();biaoqian()" />
	</body>
	<script type="text/javascript">
		function tijiao(){
			console.log(document.getElementById('name').value);
			console.log(document.getElementById('pwd').value);
			//性别
			var sex = document.getElementsByName('sex');
			for(i=0;i<sex.length;i++){
				if(sex[i].checked){
					console.log(sex[i].value)
				}
			}
			console.log(document.getElementById('xueyuan').value);
			//爱好
			var ai=document.getElementsByName('ai');
			for(i in ai){
				if(ai[i].checked){
					console.log(ai[i].value);
				}
			}
			console.log(document.getElementById('jieshao').value);
		}
		function cha(){
			var name=document.getElementsByName('name');
			console.log('name');
			var pwd=document.getElementsByName('pwd');
			console.log('pwd');
			var sex=document.getElementsByName('sex');
			console.log('sex');
			var xueyuan=document.getElementsByName('xueyuan');
			console.log('xueyuan');
			var ai=document.getElementsByName('ai');
			console.log('ai');
			var jieshao=document.getElementsByName('jieshao');
			console.log('jieshao');
		}
		function biaoqian(){
			var input=document.getElementsByTagName('input')
			console.log(input);
			var option=document.getElementsByTagName('option')
			console.log(option);
			var textarea=document.getElementsByTagName('textarea')
			console.log(textarea);
		}
	</script>
</html>
